<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layDate快速使用</title>
    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
</head>

<body>

    <div id='date-3'>
        <div class="layui-inline">
            <!-- 注意：这一层元素并不是必须的 -->
            <input type="text" v-model="datetime" class="layui-input" id="test1">
        </div>
        <div class="layui-input-block">
        <input type="text" v-model="datetime" id="test2" class="layui-input">
        </div>
        <br>
        <br>
        <span>Checked names: {{ datetime }}</span>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="./layui/layui.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script>
    <script src="./js/vuedate.js"></script>
    <script>
        layui.use(['layer','laydate'], function () {
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#test1' //指定元素
            });
            var layer = layui.layer
            layer.msg("测试");
        });
    $(function(){
       
    })

    </script>
</body>

</html>